.masonry {
  column-count: 2;
  column-gap: 10px;
}

.masonry-sm {
  column-count: 1;
  column-gap: 10px;
}

.masonry-md {
  column-count: 1;
  column-gap: 10px;
}

@media (width >= 0) {
  .masonry {
    column-count: 1;
    column-gap: 10px;
  }
}

@media (width >= 1024px) {
  .masonry {
    column-count: 2;
    column-gap: 10px;
  }
}

.break-inside {
  break-inside: avoid;
}
